<style>
	.groups_level1 div {
		position:relative;
		float:left;
		width: 500px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	
	.groups_level1 div img {
		float:left;
		border: 4px solid #82a21d;
		border-top: 21px solid #82a21d;
		margin-right: 10px;
	}
	
	.groups_level1 div .nm {
		display: block;
		font-weight: bold;
		padding-bottom: 5px;
	}
	
</style>

<div class='groups_level1'>
{foreach $groups as $group}
	<div>
		<a href='/catalog{$group.path}'><img src='{thumbnail width=144 height=125}{$group.image}{/thumbnail}' /></a>
		<a href='/catalog{$group.path}' class='nm'>{$group.name}</a>
		{$group.short_descr}
	</div>
{/foreach}
</div>
<div style='clear:both;'></div>